<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人页面</title>

    <link rel="stylesheet" href="/css/message/index.css">

    <link rel="stylesheet" href="/css/message/chatFrame.css">

    <script src="/js/common/jquery-3.4.1.min.js" charset="UTF-8"></script>
    <script src="/js/message/msg-ClobalConfig.js" charset="UTF-8"></script>
    <script src="/js/common/SelfAjax.js" charset="UTF-8"></script>
    <script src="/js/message/receiveMsg.js" charset="UTF-8"></script>


    <script src="/js/message/index.js" charset="UTF-8"></script>


</head>
<body>

<!--上半部分-->
<div style="display: flex;justify-content:center;justify-items: flex-end">
    <table border="1">
        <caption><h3>在线用户列表</h3></caption>
        <tr>
            <th>用户名</th>
            <th>在线状态</th>
            <th>操作</th>
            <th>消息状态</th>
        </tr>
        <tbody id="tbody_registerUsers">

        </tbody>

    </table>

    <div id="parent_btn_logOut">
        <input type="button" id="btn_logOut" value="退出登录">
    </div>


</div>

<hr>

<!--中间部分-->
<div style="display: flex;justify-content: center">
    <form style="width: 60%;height:400px;border: 1px cornflowerblue solid">

        <!--    聊天的提示标题（提示与谁聊天）   -->
        <div style="display: flex;justify-content: center">
            <div id="talkTitle" style="background-color: azure"></div>
        </div>


        <!--    聊天的内容    -->
        <div>
            <div id="chatList" style="height:300px;overflow-y:auto">


            </div>

        </div>


    </form>

</div>
<hr>
<!--底部-->
<div id="div_msgInput" style="display: flex;justify-content: center">

    <!--  消息发送  -->
    <div style="display: flex;justify-items: flex-end">

        <!--     输入框   -->
        <div style="display: flex;justify-content: center;">

            <textarea id="toSendMsg" style="width: 40%;height: 30%">

            </textarea>

        </div>

        <!--     消息发送按键   -->
        <div style="display: flex;justify-content: center;margin-left: 10px">
            <input id="btn_sendMsg" type="button" value="发送消息" style="height: 30px;width: 120px">
        </div>

    </div>
</div>

</body>
</html>